/* @override http://acquia.dev/sites/all/themes/KeyTheme/assets/css/KeyTheme.css?V */


/*	Desc: Sp0xx6 Screen Style Sheet
	Author: Jim Olson aka atworkinthecloud.com
	Date Modified: December 7, 2009
	Version: Beta 3 
	
=== === === === === === === === === === */


/*=STRUCTURE
=== === === === === === === === === === */

body {
	background: #333333;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
}

div.WrapOuter {width: 960px;margin-left:auto;margin-right:auto;height: 0;}
div.WrapInner {color: #333332;width: 960px;margin-left: auto;margin-right:auto;text-align: left;background-color: #fff;float: left;}


#PageContainer,
#Page {
	width: 960px;
	float: left;
}

#TopBar {
	width: 940px;
	padding: 0 0 0 20px;
	float: right;
}

div#UserIDContainer {
	width: 500px;
	float: right;
}

div#Header {
	width: 940px;
	padding: 0 0 0 20px;
	float: left;
}

#Logo {
	width: 110px;
	height: 65px;
	margin-top: 20px;
	float: left;
}

#Logo a {
	width: 110px;
	height: 45px;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../images/base/keytheme-logo.png) no-repeat center center;
}

/* DYNAMIC STYLES */

body.two-sidebars div#ColumnA,
body.sidebar-left div#ColumnA {
	width: 170px;
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
}

body.sidebar-left div#MainColumn {
	width: 680px;
}

body.two-sidebars div#MainColumn {
	width: 480px;
}

div#MainColumn,
body.sidebar-left div#MainColumn,
body.sidebar-right div#MainColumn {
	width: 670px;
	float: left;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 20px;
}

body.sidebar-right div#MainColumn {
	padding-left: 21px;
}

body.two-sidebars div#MainColumn {
	width: 450px;
	margin-left: 30px;
	float: left;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 20px;
}

body.two-sidebars div#ColumnB,
body.sidebar-right div#ColumnB {
	width: 170px;
	float: right;
	padding: 00px 20px 30px 20px;
}

body.sidebar-right div#ColumnA,
body.sidebar-left div#ColumnB {
	height: 0;
	width: 0;
	display: none;
}




/* SIDEBAR STYLES */

body.sidebars div#ColumnB ul,
body.sidebar-right div#ColumnB ul{
	margin-bottom:12px;
}

div#ColumnA h2,
div#ColumnB h2 {
	background: #d8d8d8;
	font-size: 13px;
	padding: 3px 0 3px 4px;
	margin: 0;
}

div#ColumnA h2  {
	color: #3e3e3e;
}

div#ColumnA h3,
div#ColumnB h3 {
	font-family: Georgia, serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1.7em;
	margin-top: 0;
}


/* SIDEBAR NAVIGATION STYLES */

.SideColumn ul.menu li {
	padding: 0;
	margin: 0;
}
.SideColumn ul.menu li a {
	background: #cccccc;
	padding: 5px 0 3px 4px;
	display: block;
	border-bottom: 1px #fff solid;
}

.SideColumn ul.menu li a:hover,
.SideColumn ul.menu li a.active:hover {
	color: #fff;
	background: #333;
	text-decoration: none;
}

.SideColumn ul.menu li a.active {
	color: #212121;
}

.SideColumn ul.menu li.expanded a,
.SideColumn ul.menu li a.active {
	margin-top: 4px;
}
.SideColumn ul.menu li.expanded li a,
.SideColumn ul.menu li:nth-child(1) a.active {
	margin-top: 0;
}

.SideColumn ul.menu li ul {
	margin: 0 0 4px 0;
}

.SideColumn ul.menu li ul li a {
	padding-left: 16px;
	background: #d6d6d6;
}

/* CONTENT STYLES */

#MainColumn div.TeaserContainer {
	width: 100%;
	float: left;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px #ccc dotted;
}

.Submitted {
	width: 18%;
	padding-right: 2%;
	padding-top: 27px;
	text-align: right;
	float: left;
	font-size: 11px;
	line-height: 110%;
}

div.node .Submitted {
	padding-top: 3px;
	padding-left: 2%;
	padding-right: 0;
	float: right;
}

.Submitted .meta-date {
	font-weight: bold;
}

#MainColumn .node .Content,
#MainColumn div.TeaserContainer .TeaserBody {
	width: 80%;
	float: left;
}


/* MAIN NAVIGATION */

div#MainNav {
	width: 948px;
	height: 50px;
	padding-left: 12px;
	text-align: right;
	float: left;
	clear: both;
	background: #596772 url(../images/base/accent.png) no-repeat 800px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: 1.6em;
}

div#MainNav li {
	display: inline;
}

div#MainNav a {
	color: #cccccc;
	float: left;
	line-height: 50px;
	padding-right: 8px;
	padding-left: 8px;
}

div#MainNav li.first a {
	padding-left: 8px;
}

div#MainNav li.active-trail a,
div#MainNav li.parent a,
div#MainNav a.active {
	color: #e6f0fb;
	text-decoration: none;
	background: url(../images/base/indicator.gif) no-repeat center bottom;
}

div#MainNav a:hover {
	background: none;
}

/* SUBNAV WITH MENU BLOCK SPLIT MODULE */

div#SubNav {
	width: 949px;
	height: 50px;
	padding-left: 11px;
	margin-bottom: 15px;
	text-align: right;
	float: left;
	clear: both;
}

div#SubNav li {
	display: inline;
}

div#SubNav a {
	float: left;
	line-height: 50px;
	padding-right: 8px;
	padding-left: 8px;
}

div#Footer {
	color: #C8C8C8;
	width: 940px;
	padding: 5px 0 20px 20px;
	background: #596772;
	float: left;
	clear: both;
}

div#Footer {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;
	line-height: 1.4em;
}